<!DOCTYPE html>
<html>
<head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="format-detection" content="telephone=no">
        <title>FrozenUI Demo</title>
        <link rel="stylesheet" href="css/frozen.css" />
        <link rel="stylesheet" href="css/base.css" />
<style type="text/css">
.am-img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}	
	
	
</style>        
</head>



<!--会员栏-->
<section class="ui-placehold-img">
    <span style="background-image:url(img/coin.png)">
 
		<div class="ui-row-flex ui-whitespace">
		    <div class="ui-col ui-col"></div>
		    <div class="ui-col" style="font-size: 20px; color: #FFFADF;">
		    	&nbsp;
		    	<div class="ui-row-flex">
		    		<div class="ui-col ui-col-2">xx</div>
		    		<div class="ui-col ui-col">
					    <button class="ui-btn-s">
					        退出
					    </button>		    			
		    			
		    		</div>
		    		
		    	</div></div>				
		</div> 
		
		<div class="ui-row-flex ui-whitespace">
		    <div class="ui-col ui-col"></div>
		    <div class="ui-col" style="font-size: 20px; color: #FFFADF;">总收入金币</div>
		</div>   

		<div class="ui-row-flex ui-whitespace">
			<div class="ui-col ui-col"></div>
			<div class="ui-row-flex ui-whitespace ui-col">
			    <div class="ui-col ui-col" style="font-size: 20px; color: #FFFADF;">1234</div>

			    <div class="ui-col ui-col" style="font-size: 20px; color: #FFFADF;">枚</div>
			</div>
		
		</div> 	
    </span>
</section>






<!--金币块-->
<div class="ui-row-flex " style="background-color: #f6f6f6;">&nbsp;</div> 
<div class="ui-row-flex "><div><img src="img/kick.png" class="am-img-responsive" /></div>    </div> 

<div class="ui-row-flex ">&nbsp;</div> 
<div class="ui-row-flex ">&nbsp;</div> 
<div class="ui-row-flex ">
	<div class="ui-col ui-col" style="font-size: 10px; color: black; border-right: 1px solid #EDEDED; margin-right: 25px; margin-left: 20px;">
		<li>昨日获得金币</li>
		<li>&nbsp;</li>
		<li>&nbsp;</li>
		<li style="float: right; margin-right: 50px;"><a style="font-size: 23px; color: #DB170A;margin-right: 8px;"><b>5</b></a>枚</li>
		
	</div>

	<div class="ui-col ui-col" style="font-size: 10px; color: black;">
		<li>今日获得金币</li>
		<li>&nbsp;</li>
		<li>&nbsp;</li>
		<li style="float: right; margin-right: 50px;"><a style="font-size: 23px; color: #DB170A;margin-right: 8px;"><b>5</b></a>枚</li>
	</div>		
</div> 
<div class="ui-row-flex ">&nbsp;</div> 
<div class="ui-row-flex ">&nbsp;</div> 

<div class="ui-row-flex "> <div><img src="img/kick2.png" class="am-img-responsive" /></div>  </div> 
<div class="ui-row-flex " style="background-color: #F6F6F6;">&nbsp;</div> 








<!--按钮布局-->
<div class="ui-row-flex">
	<div>
		<img src="img/to.png" class="am-img-responsive" > 
	</div>
</div>

<div class="ui-row-flex">
	<div>
		<img src="img/button.png" class="am-img-responsive" > 
	</div>
</div>
<div class="ui-row-flex">
	<div>
		<img src="img/fzto.png" class="am-img-responsive" > 
	</div>
</div>
<div class="ui-row-flex">
	<div>
		<img src="img/button2.png" class="am-img-responsive" > 
	</div>
</div>
<div class="ui-row-flex">
	<div>
		<img src="img/fzto.png" class="am-img-responsive" > 
	</div>
</div>
<div class="ui-row-flex">
	<div>
		<img src="img/fzto.png" class="am-img-responsive" > 
	</div>
</div>






</body>
</html>
